<template>
  <el-row >
    <el-col :span="6"></el-col>
    <el-col :span="3">收件人：</el-col>
    <el-col :span="15"><el-input v-model="input" placeholder="Please input" clearable style="width: 500px" /></el-col>
  </el-row>
  <el-row>
    <el-col :span="6"></el-col>
    <el-col :span="3">主题：</el-col>
    <el-col :span="15"><el-input v-model="input" placeholder="Please input" clearable style="width: 500px" /></el-col>
  </el-row>

  <div style="margin: 30px 0" />

  <el-row>
    <el-col :span="6"></el-col>
    <el-col :span="12">
      <el-input
          v-model="textarea2"
          :autosize="{ minRows: 10, maxRows: 4 }"
          type="textarea"
          placeholder="Please input"
      />
    </el-col>
    <el-col :span="6"></el-col>
  </el-row>

  <el-row>
    <el-col :span="6"></el-col>
    <el-col :span="4"><el-button type="primary">&nbsp;&nbsp;发&nbsp;&nbsp;&nbsp;送&nbsp;&nbsp;</el-button></el-col>
    <el-col :span="6"></el-col>
    <el-col :span="4"><el-button type="primary">保存草稿</el-button></el-col>
    <el-col :span="10"></el-col>
  </el-row>
  <el-row>
    <el-col :span="6"></el-col>
    <el-col :span="4"></el-col>
    <el-col :span="6"></el-col>
    <el-col :span="4"><el-button type="primary">&nbsp;&nbsp;删&nbsp;&nbsp;&nbsp;除&nbsp;&nbsp;</el-button></el-col>
    <el-col :span="10"></el-col>
  </el-row>

</template>

<script>
export default {
  name: "WriteEmail"
}
</script>

<script setup>
import { ref } from 'vue'
const input = ref('')
const textarea2 = ref('')
const textarea = ref('')
</script>

<style>
.el-row {
  margin-bottom: 20px;
}
.el-row:last-child {
  margin-bottom: 0;
}
.el-col {
  border-radius: 4px;
}

.grid-content {
  border-radius: 4px;
  min-height: 36px;
}
</style>
